<template>
<div class="main">
	<h2>订单状态：</h2>
  <el-table
    :data="tableData"
    border
    style="width: 100%">
	<el-table-column
	  prop="ID"
	  label="订单号"
	  width="180">
	</el-table-column>
    <el-table-column
      prop="date"
      label="日期"
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="180">
    </el-table-column>
    <el-table-column
      prop="address"
      label="地址">
    </el-table-column>
	<el-table-column
	  prop="status"
	  label="状态"
	  width="180">
	</el-table-column>
	<el-table-column
	  prop="xiangqing"
	  label="详情"
	  width="180">
	</el-table-column>
	<el-table-column label="操作">
	      <template slot-scope="scope">
	        <el-button
	          size="mini"
	          @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
	        <el-button
	          size="mini"
	          type="danger"
	          @click="handleDelete(scope.$index, scope.row)">删除</el-button>
	      </template>
	    </el-table-column>
  </el-table>
  <div class="button">
	   <el-button icon="el-icon-plus" round>继续购物</el-button>
  </div>
</div>
</template>

<script>
  export default {
    data() {
      return {
        tableData: [{
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        },
		{
		  date: '2016-05-02',
		  name: '王小虎',
		  address: '上海市普陀区金沙江路 1518 弄'
		}]
      }
    }
  }
</script>
<style>
	.main{
		margin: 20px;
		position: relative;
	}
	.button{
		margin-top:10px ;
		margin-left: 1000px;
	}
</style>